<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>背景颜色和背景图片</title>
        <style type="text/css">
            @keyframes fa-spin {

            }
            .first:hover {
                color: red ; /* 前景色 */
                background-color: #FFFF00 ; /* 背景颜色 */
                background-image: url("yewen.jpg") ; /* 背景图片 */
                height: 500px ;
                display: block;
                border: 1px solid blue ;
            }
        </style>
    </head>
    <body>

        <div class="first">
            我是一个块元素。
        </div>

    </body>
</html>